<template>
  <view class="list">
    <div class="top">
      <div class="blue">
      <div class="button">
        默认
      </div>
      </div>
      <div class="cmm">
        曹某某 ， 1377777777
      </div>
      <div class="bottom">
        湖南省长沙超级白哦啊四季贝尔不然发财哦
      </div>
    </div>
    <div class="top1">
      <div class="blue">
      <div class="button1">
        设为默认
      </div>
      </div>
      <div class="cmm">
        曹某某 ， 1377777777
      </div>
      <div class="bottom">
        湖南省长沙超级白哦啊四季贝尔不然发财哦
      </div>
      </div>
      <div class="last">
        新增
      </div>
  </view>
</template>

<script>
</script>

<style lang="scss">
  .top{
    width: 100%;
    height: 200rpx;
    background-color: #fff;
    margin-top: 2rpx;
    padding: 10rpx 30rpx;
    box-sizing: border-box;
  }
  .blue{
    width: 100%;
    height: 50rpx;
  }
    .button{
      width: 90rpx;
      height: 50rpx;
      border-radius: 8rpx;
      background-color: dodgerblue;
      color: #fff;
      line-height: 50rpx;
      text-align: center;
      float: right;
    }
  .cmm{
    width: 100%;
    height: 60rpx;
    font-size: 30rpx;
  }
  .bottom{
    width: 100%;
    height: 60rpx;
    font-size: 30rpx;
  }
  .top1{
    width: 100%;
    height: 200rpx;
    background-color: #fff;
    margin-top: 30rpx;
    padding: 10rpx 30rpx;
    box-sizing: border-box;
  }
  .button1{
    width: 150rpx;
    height: 50rpx;
    border-radius: 8rpx;
    background-color: dodgerblue;
    color: #fff;
    line-height: 50rpx;
    text-align: center;
    float: right;
  }
  .last{
    width: 100%;
    height: 130rpx;
    background-color: rgba(127, 127, 127, 1);
    color: #fff;
    font-size: 35rpx;
    line-height: 130rpx;
    text-align: center;
    position: fixed;
    bottom: 0rpx;
  }
</style>